<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:o="http://omnifaces.org/ui"
	xmlns:of="http://omnifaces.org/functions"
	xmlns:pe="http://primefaces.org/ui/extensions"
	template="/templates/main_template.xhtml">

	<ui:define name="header">
		<script type="text/javascript">
			//<![CDATA[
			//debe usarse los \\:  en lugar de : en los selectores de JQuery
			$(document).ready(function() {/* jquery code*/
				$("#form_delete_confirm\\:btnFinalize").hide();
				$("#form_delete_confirm\\:lblResult").hide();
			});
			function showResult() {
				$("#form_delete_confirm\\:btnFinalize").show();
				$("#form_delete_confirm\\:lblResult").show();

				$("#form_delete_confirm\\:btnDelete").hide();
				$("#form_delete_confirm\\:btnCancel").hide();
				$("#form_delete_confirm\\:lblConfirm").hide();
			}
			//]]>
		</script>
	</ui:define>
	<ui:define name="content">
		<div id="clearfix">
			<h:form id="form_delete_confirm" styleClass="clearfix">
				<div class="clearfix confirmation-panel">
					<h4>
						<p:outputLabel id="lblConfirm"
							value="#{i18n['lbl.delete.confirm_owner_data.comfirmation']}" />

						<p:outputLabel id="lblResult"
							value="#{i18n['lbl.delete.confirm_owner_data.result']}" />

					</h4>
					<br />
					<p:outputLabel
						value="#{i18n['lbl.delete.confirm_owner_data.names']}" />
					<div class="ui-form-col clearfix">
						<p:outputLabel value="#{aSession.selectedRuatRegister.firstName} " />
						<p:outputLabel
							value="#{aSession.selectedRuatRegister.secondName} " />
						<p:outputLabel
							value="#{aSession.selectedRuatRegister.firstLastName} " />
						<p:outputLabel
							value="#{aSession.selectedRuatRegister.secondLastName} " />
					</div>
					<br />
					<p:outputLabel
						value="#{i18n['lbl.delete.confirm_owner_data.identification']}" />
					<div class="ui-form-col clearfix">
						<p:outputLabel
							value="#{aSession.selectedRuatRegister.idTypeDesc} " />
						<p:outputLabel value="#{aSession.selectedRuatRegister.idNumber}" />
					</div>
					<br />

				</div>
				<div class="buttons-container clearfix text-align-right">
					<p:commandButton id="btnCancel"
						value="#{i18n['lbl.flow_button.cancel']}"
						styleClass="ui-flowbutton"
						oncomplete="currentPage('list_owner_data.xhtml')"
						actionListener="#{stepByStepController.cancelRuatRegister}" />
					<p:commandButton id="btnDelete"
						value="#{i18n['lbl.flow_button.delete']}"
						styleClass="ui-flowbutton" oncomplete="showResult()"
						actionListener="#{ruatDataController.deleteRuat}" />
					<p:commandButton id="btnFinalize"
						value="#{i18n['lbl.flow_button.finalize']}"
						styleClass="ui-flowbutton"
						oncomplete="currentPage('list_owner_data.xhtml')"
						actionListener="#{stepByStepController.cancelRuatRegister}"
						 />
				</div>
				

			</h:form>
		</div>
		<br />

		<div id="form_content" class="clearfix" />

	</ui:define>
</ui:composition>